import { Avatar, Divider, Tooltip } from 'antd'
import '../public/style/components/author.css'
import {
  GithubOutlined,
  QqOutlined,
  WechatOutlined
} from '@ant-design/icons';

const Author = () => {
  return (
    <div className="author-div comm-box">
      <div><Avatar size={64} src="https://img.bosszhipin.com/beijin/upload/avatar/20200611/5efc62cca843264a7ebd6558be96a14114cdfd44d9182cc17bae3ceeed49f079_s.jpg"/></div>
      <div className="author-name">zzj</div>
      <div className="author-introduction">
        一个在成都漂着的前端程序员，致力于通过自己努力在这座美丽的城市打拼到自己的归宿
        <Divider>社交账号</Divider>
        <Tooltip title="https://github/zzj122"><Avatar size={28} icon={<GithubOutlined />} className="account"/></Tooltip>
        <Tooltip title="1076916122"><Avatar size={28} icon={<QqOutlined />} className="account"/></Tooltip>
        <Tooltip title="zzj221617"><Avatar size={28} icon={<WechatOutlined />} className="account"/></Tooltip>
      </div>
    </div>
  )
}

export default Author